import setBlocks from './splitBlock.js';
const unitHtml = `May 3, 2022 — Whether or not grid lines are visible on the actual website ... Grids help split pages horizontally and vertically, using rows and columns. I want to design a web page with a banner and an iframe. I hope the iframe can fill all the remaining page height and be resized automatically.`;
const _mulriple = (i) => {
    if (i % 2 == 0) return 7;
    if (i % 3 === 0) return 12;
    if (i % 5 === 0) return 3;
    return 1;
}
const setContentHtml = () => {
    let htmls = [];
    for (let i = 0; i < 50; i++) {
        const str = [];
        for (let n = 0; n < _mulriple(i); n++){
            str.push(unitHtml);
        }
        htmls.push(`<p>${str.join('')}</p><div>${str.join('') }</div>`)
    }
    el_conent.innerHTML = htmls.join('');
}
const el_conent = document.getElementById('content');

setContentHtml();
setBlocks(el_conent);